<script setup>
	// uni-app特殊生命周期函数不需要导入，直接使用

	// 应用启动时执行
	onLaunch(() => {
		console.log('搭子星球 App Launch')
		// 检查登录状态
		checkLoginStatus()
	})

	// 应用显示时执行
	onShow(() => {
		console.log('搭子星球 App Show')
	})

	// 应用隐藏时执行
	onHide(() => {
		console.log('搭子星球 App Hide')
	})

	// 页面显示时执行 - 用于初始化配置
	onPageShow(() => {
		// 初始化应用配置
		initAppConfig()
	})

	// 初始化应用配置
	const initAppConfig = () => {
		// 设置系统状态栏颜色
		uni.setNavigationBarColor({
			frontColor: '#000000',
			backgroundColor: '#ffffff'
		})

		// 设置全局字体大小
		uni.getSystemInfo({
			success: (res) => {
				const deviceWidth = res.windowWidth
				// 根据设备宽度调整字体大小基准值
				uni.$appConfig = {
					deviceWidth,
					fontSizeBase: deviceWidth / 750 * 28
				}
			}
		})
	}

	// 检查登录状态
	const checkLoginStatus = () => {
		const token = uni.getStorageSync('token')
		if (!token) {
			// 如果没有token，可以根据需要跳转到登录页
			console.log('未登录')
		}
	}
</script>

<style lang="scss">
	
	$page-bg-color: #F8F8F8;
	
	/* 全局变量 */
	$primary-color: #7C3AED;
	$primary-light: #9D65F9;
	$bg-color: #f3f4f6;
	$white: #ffffff;
	$text-primary: #1F2937;
	$text-secondary: #6B7280;
	$text-light: #9CA3AF;
	$border-color: #E5E7EB;
	$success-color: #10B981;
	$warning-color: #F59E0B;
	$error-color: #EF4444;

	/* 基础重置样式 */
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	// 防止页面闪烁
	page {
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
		font-size: 28rpx;
		color: $text-primary;
		background-color: $bg-color;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		user-select: none;
		line-height: 1.5;
		// 确保不影响tabBar显示
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	// 统一链接样式
	a {
		text-decoration: none;
		color: inherit;
	}

	// 统一图片样式
	image {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	// 统一按钮样式重置
	button {
		outline: none;
		border: none;
		background: none;
	}

	// 禁用文本选择
	.no-select {
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}

	// 防止iOS点击延迟
	.touch-active {
		-webkit-tap-highlight-color: transparent;
	}

	// 通用动画类
	.fade-enter-active,
	.fade-leave-active {
		transition: opacity 0.3s ease;
	}

	.fade-enter-from,
	.fade-leave-to {
		opacity: 0;
	}

	// 通用滑动容器
	.scroll-view {
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}

	// 通用卡片样式
	.card {
		background-color: $white;
		border-radius: 20rpx;
		padding: 30rpx;
		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
		margin-bottom: 20rpx;
	}

	// 通用列表项样式
	.list-item {
		display: flex;
		align-items: center;
		padding: 28rpx 0;
		border-bottom: 1rpx solid $border-color;

		&:last-child {
			border-bottom: none;
		}
	}

	// 通用分割线
	.divider {
		height: 20rpx;
		background-color: $bg-color;
	}

	// 通用加载中样式
	.loading-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 100rpx 0;
	}

	// 通用空状态样式
	.empty-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 200rpx 0;
	}

	.empty-icon {
		width: 160rpx;
		height: 160rpx;
		margin-bottom: 30rpx;
		opacity: 0.5;
	}

	.empty-text {
		font-size: 28rpx;
		color: $text-light;
	}

	// 响应式适配
	@media screen and (min-width: 768px) {
		page {
			max-width: 750rpx;
			margin: 0 auto;
		}
	}

	@font-face {
		font-family: 'iconfont';
		src: url('https://at.alicdn.com/t/font_865816_17gjspmmrkti.ttf') format('truetype');
	}
	
	
	/*每个页面公共css */
	@import '@/common/css/flexCoomn.css';
	@import '@/common/css/iconfont.css';
	/* #ifndef APP-NVUE */
	page {
		background-color: $page-bg-color;
	}
	/* #endif */
	
	
	.tabbar {
		position: fixed;
		bottom: 0;
		margin-bottom: 30rpx;
		// margin: 10px 20px;
		padding-bottom: 10rpx;
		padding-bottom: calc(10rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
		// background-color: #892FE8;
	}
</style>